<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			#yuan{height:30px;width:30px;border:solid black 1px ;padding:3px;background-clip:content-box;background:salmon;}
			#s{width: 30px;height: 30px;border:solid dodgerblue 1px;background: salmon;padding:3px;background-clip:content-box;}
			#sanjiao{width:0px;border-top:25px solid white;border-left:25px solid white;border-right:25px solid white;border-bottom:25px solid green;}
			#yuanxing{width:20px;height:20px;background:pink;float:right;margin-top:15px}
		</style>
	</head>
	<body >
		
		<div id="yuan">
		</div>
		<div id="s">
			</div>
		<div id="sanjiao">
		</div>
		<br>
		<br><br><br>
		<div>aaa</div>
		<!--<div style="margin-left:60px;background:red;float:left;width:50px;height:60px">
		</div>
		<div>aaa</div>-->
		<!--<div style="background:blue;width:50px;height:60px">
		</div>-->
		
		
		
		<div style="background:green">
			<div style="width:100px;height:600px;background:red;padding-right:30px;border-right:10px solid blue;background-clip:content-box">
				<div id="yuanxing"></div>
				<p id="p1" style="">08-08</p>
				<p id="p2" style="">2018</p>
			</div>
		</div>
		
	</body>
</html>